{% load echarts %}
<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{{ page_title }}</title>
    {% block  include_css %}
        {% theme_css %}
    {% endblock %}
    <style rel="stylesheet">
        {% if opts.nav_top_fixed %}
        #main_content {
            padding-top: 60px;
        }
        {% endif %}

        nav {
            height: 58px;
        }

        .text-first-indent {
            text-indent: 2rem;
        }
    </style>
    {% block extra_css %}
    {% endblock %}
</head>
<body>
{% block nav %}
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary {% if opts.nav_top_fixed %}fixed-top{% endif %}">
        <div class="container">
            <a class="navbar-brand" href="{% url 'dje_home' %}">{{ site_title }}</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    {% for menu2 in nav.left_menus %}
                        {% if menu2.children %}
                            <li class="nav-item dropdown">
                                <a id="{{ menu2.slug }}" href="#" class="nav-link dropdown-toggle"
                                   role="button" data-bs-toggle="dropdown">{{ menu2.text }} </a>
                                <ul class="dropdown-menu" aria-labelledby="{{ menu2.slug }}">
                                    {% for item in menu2.children %}
                                        {% if item.after_separator %}
                                            <li>
                                                <hr class="dropdown-divider">
                                            </li>
                                        {% endif %}
                                        <li>{% dw_widget item class_="dropdown-item" %}</li>
                                    {% endfor %}
                                </ul>
                            </li>
                        {% else %}
                            <li class="nav-item">
                            {% dw_widget menu2 class_="nav-link" %}
                            </li>
                        {% endif %}
                    {% endfor %}
                </ul>
                <ul class="navbar-nav ms-auto">
                    {% for menu2 in nav.right_menus %}
                        {% if menu2.children %}
                            <li class="nav-item dropdown">
                                <a id="{{ menu2.slug }}" href="#" class="nav-link dropdown-toggle"
                                   role="button" data-bs-toggle="dropdown">{{ menu2.text }} </a>
                                <ul class="dropdown-menu" aria-labelledby="{{ menu2.slug }}">
                                    {% for item in menu2.children %}
                                        {% if item.after_separator %}
                                            <li>
                                                <hr class="dropdown-divider">
                                            </li>
                                        {% endif %}
                                        <li>{% dw_widget item class_="dropdown-item" %}</li>
                                    {% endfor %}
                                </ul>
                            </li>
                        {% else %}
                            <li class="nav-item">
                            {% dw_widget menu2 class_="nav-link" %}
                            </li>
                        {% endif %}
                    {% endfor %}
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <br/>
{% endblock %}

<div id="main_content" class="container">
    {% block main_content %}

    {% endblock %}
    {% block footer %}
        <hr>

        <footer>
            {% if copyright %}
                <div class="row">
                    <div class="col-md-4 offset-md-1">
                        <p>&copy;{{ copyright.year_range }}, Powered By {{ copyright.powered_by }}</p>
                    </div>
                    {% if nav.footer_links %}
                        <div class="col-md-4 col-md-offset-2">
                            <ul class="list-inline list-unstyled">
                                {% for item in nav.footer_links %}
                                    <li class="list-inline-item">{% dw_widget item class_='link-secondary' %}</li>
                                {% endfor %}
                            </ul>
                        </div>
                    {% endif %}
                </div>
            {% endif %}
        </footer>
    {% endblock %}

</div>
<!--/.container-->
{% block include_script %}
    {% theme_js %}
{% endblock %}

{% block extra_script %}
{% endblock %}

</body>
</html>